<head>
    <link rel="stylesheet" type="text/css" href="../style/main.css">
    <script type="text/javascript">
        function sample() {
            //how to get baseURI
            var baseURI = parent.baseURI;
            document.getElementById('baseURI').innerHTML=baseURI;
        }
    </script>
</head>
<body onload="parent.document.getElementById('external').style.height=(document.getElementById('content').offsetHeight)+'px';sample();">
    <div id="content">
        <h1>Welcome to the Social Module!</h1>
        <p class="box">Must be done.<span id="baseURI">no base uri</span></p>
    </div>
</body>